<!DOCTYPE html>
<html class="x-admin-sm">

{include file="common/static" /}
{include file="common/resources" /}
    <body>
        <div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">演示</a>
                <a>
                    <cite>导航元素</cite></a>
            </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
                <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
            </a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5" action="" method="get">

                                <div class="layui-input-inline layui-show-xs-block">
                                    <select name="layout_id">
                                        <option value="">全部</option>
                                        {volist name='layout' id='lay'}
                                        <option value="{$lay.id}">{$lay.type_name}</option>
                                        {/volist}
                                    </select>
                                </div>

                                <div class="layui-input-inline layui-show-xs-block">
                                    <input type="text" name="room_num" placeholder="请输入房间号" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline layui-show-xs-block">
                                    <button class="layui-btn" lay-submit="" lay-filter="sreach">
                                        <i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>

                        <div class="layui-card-body ">
                            <table class="layui-table layui-form">
                                <thead>
                                    <tr>
                                        <th>ID</th>
                                        <th>房间号</th>
                                        <th>类型</th>
                                        <th>今日价格</th>
                                        <th>床位</th>
                                        <th>早餐卷</th>
                                        <th>押金</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {volist name="list" id="vo"}
                                    <tr>
                                        <td><img src="/static/ico/id.png"/>{$vo.id}</td>
                                        <td><img src="/static/ico/room_num.png"/>{$vo.room_num}</td>
                                        <td><img src="/static/ico/layout.png"/>{$vo.type_name}</td>
                                        <td><img src="/static/ico/price.png"/>{$vo.monday}￥</td>
                                        <td><img src="/static/ico/bed.png"/>{$vo.bed}</td>
                                        <td><img src="/static/ico/breakfast.png"/>{$vo.breakfast}</td>
                                        <td><img src="/static/ico/price.png"/>{$vo.deposit}￥</td>
                                    </tr>
                                    {/volist}
                                </tbody>
                            </table>
                            {$list|raw}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

<script>
    layui.use(['laydate', 'form'],
        function() {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });

</script>


</html>